<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ page import="com.are.odisea.*"%>
<%@ page import="java.util.*"%>
<%@include file="validausuario.jsp"%>

<%
	String id = (String)request.getParameter("id");
	db conexion = new db();
	GestionBandeja gb = new GestionBandeja(conexion);
	Bandeja bandeja = null;
	if (gb.Find(id)) {
		bandeja = gb.getBandeja();
	}else {
		response.sendRedirect("bandejas.jsp");
		return;
	}
	
	GestionDepartamento gd = new GestionDepartamento(conexion);
	ArrayList<Departamento> listaDepartamentos = gd.List();
	
	ArrayList<BandejaDepartamento> listaDepartamentoAsignados = gb.listDepartamento(id);
	ArrayList<BandejaUsuario> listaUsuariosAsignados = gb.listUsuarios(id);
	
	GestionUsuario gu = new GestionUsuario(conexion);
	ArrayList<Usuario> listaUsuarios = gu.list();

	String hora[] = {"00:00","01:00","02:00","03:00", "04:00", "05:00","06:00","07:00","08:00","09:00","10:00","11:00","12:00", "13:00",
			"14:00","15:00","16:00", "17:00","18:00","19:00","20:00","21:00","22:00","23:00"};
	
%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Bandejas</title>
<link rel="stylesheet" href="themes/redmond/jquery.ui.all.css">
<LINK REL="stylesheet" TYPE="text/css" HREF="main.css">
<script src="js/jquery.js" language="JavaScript"></script>
<script src="ui/jquery.ui.core.js" language="JavaScript"></script>
<script src="ui/jquery.ui.widget.js" language="JavaScript"></script>
<script src="ui/jquery.ui.button.js"></script>
<script type="text/javascript">
$(function() {
	$( "input:submit, a, button", ".demo" ).button();
	$( "input:button, a, button", ".demo" ).button();
});
</script>
<script type="text/javascript">

	function update(id) {
		var nombre = $("#nombre").val();
		var estado = $("#estado").val();
		var tipo = $("#tipo").val();
		var hora_inicial = $("#hora_inicial").val();
		var hora_final = $("#hora_final").val();
		
		if (nombre == "") {
			alert("Debe ingresar el nombre de la bandeja");
			return;
		}
		
		var url = "SrvBandejas";
		$.post(url, {
			operacion: "update",
			id : id,
			nombre: nombre,
			estado: estado,
			tipo: tipo,
			hora_inicial : hora_inicial,
			hora_final : hora_final
		}, procesar);
	}

	function procesar(result) {
		if (result == "OK") {
			$("#info").html("Bandeja actualizada correctamente");
			lista();  // actualizar lista
			$("#nombre").val("");
		}else {
			$("#info").html(result);
		}
	}
	
	function agregar_departamento(id) {
		var departamento = $("#departamento").val();
		if (departamento == "") {
			alert("Debe seleccionar el departamento");
			return;
		}
		var url = "SrvBandejas";
		$.post(url, {
			operacion : "add_departamento",
			bandeja : id,
			departamento: departamento
		},
		procesarDepartamento
		);
	}
	
	function procesarDepartamento(result) {
		if (result == "OK") {
			$("#info_departamento").html("Departamento agregado");
			lista_departamentos();
		}else {
			$("#info_departamento").html(result);
		}
	}
	
	function remove_departamento(id,bandeja) {
		var url = "SrvBandejas";
		$.post(url, {
			operacion : "remove_departamento",
			id : id
		},
		procesarEliminarDepartamento
		);	
	}
	
	function procesarEliminarDepartamento(result) {
		if (result == "OK") {
			$("#info_departamento").html("Departamento eliminado");
			lista_departamentos();
		}else {
			$("#info_departamento").html(result);
		}
	}
	
	function lista_departamentos() {
		$("#lista_departamentos").load("SrvBandejas?operacion=lista_departamentos&id=<%= (String)request.getParameter("id") %>", function() {
			$( "input:button, a, button", ".demo" ).button();
		});
	}
	function agregar_usuario(id) {
		var usuario = $("#usuario").val();
		if (usuario == "") {
			alert("Debe seleccionar el usuario");
			return;
		}
		var url = "SrvBandejas";
		$.post(url, {
			operacion : "add_user",
			bandeja : id,
			usuario: usuario
		},
		procesarUsuario
		);
	}
	
	function procesarUsuario(result) {
		if (result == "OK") {
			$("#info_usuario").html("Usuario agregado");
			lista_usuarios();
		}else {
			$("#info_usuario").html(result);
		}
	}
	function lista_usuarios() {
		$("#lista_usuarios").load("SrvBandejas?operacion=lista_usuarios&id=<%= (String)request.getParameter("id") %>",function() {
			$( "input:button, a, button", ".demo" ).button();
		});
	}
	
	function remove_usuario(id) {
		var url = "SrvBandejas";
		$.post(url, {
			operacion : "remove_user",
			id : id
		},
		procesarEliminarUsuario
		);	
	}
	
	function procesarEliminarUsuario(result) {
		if (result == "OK") {
			$("#info_usuario").html("Usuario eliminado");
			lista_usuarios();
		}else {
			$("#info_usuario").html(result);
		}
	}
</script>
</head>
<body>
<%@include file="header.jsp"%>
<div class="contencenter demo">
<h2><img alt="Bandejas" src="images/bandeja.png">Editar Bandeja</h2>
<div id="info"></div>
<form action="" name="form1">
	<table>
		<tr>
			<th colspan="2">Bandejas</th>
		</tr>
		<tr>
			<td>ID</td>
			<td><%= bandeja.getId() %></td>
		</tr>
		<tr>
			<td>Nombre</td>
			<td><input type="text" size = "40" name="nombre" id="nombre" value="<%= bandeja.getNombre() %>" /></td>
		</tr>
		<tr>
			<td>Tipo</td>
			<td>
				<select name="tipo" id="tipo">
					<option value="1" <%= bandeja.getTipo()==1?"selected":"" %>>Instalaciones</option>
					<option value="2" <%= bandeja.getTipo()==2?"selected":"" %>>Mantenimiento</option>
				</select>
			</td>
		</tr>
		<tr>
			<td>Horario de Recepcion</td>
			<td>
				Hora Inicio:
				<select name="hora_inicial" id="hora_inicial">
					<% for (int x=0; x < hora.length ; x++) { %>
					<option value="<%= x%>" <%= (bandeja.getHora_inicial().equals(Integer.toString(x)))?"selected":"" %> ><%= hora[x] %></option>
					<% } %>
					
				</select>
				Hora Fin:
				<select name="hora_final" id="hora_final">
					<% for (int x=0; x < hora.length ; x++) { %>
					<option value="<%= x %>" <%= (bandeja.getHora_final().equals(Integer.toString(x)))?"selected":"" %>><%= hora[x] %></option>
					<% } %>
					
				</select>
				
			</td>
		</tr>
		<tr>
			<td>Estado</td>
			<td>
				<select name="estado" id="estado">
					<option value="1" <%= bandeja.getEstado()==1?"selected":"" %>>Activa</option>
					<option value="0" <%= bandeja.getEstado()==0?"selected":"" %>>Inactiva</option>
				</select>
			</td>
		</tr>
		<tr>
			<td colspan="2"><a href="javascript:update('<%= bandeja.getId() %>')">Modificar</a> <a href="bandejas.jsp">Cancelar</a></td>
		</tr>
	</table>
</form>
<div id="div_departamento" style="width: 50%">
<h2>Departamentos asignados</h2>
<form name="form2">
<table>
<tr>
	<th>Asignar Departamento</th>
</tr>
<tr>
<td>
Agregar departamento: 
<select name="departamento" id="departamento">
	<% for (Departamento departamento : listaDepartamentos) { %>
		<option value="<%= departamento.getCodigo() %>"><%= departamento.getDescripcion() %></option>
	<% } %>
</select>
<input type="button" name="cmd_add_departamento" id="cmd_add_departamento" value="Agregar" onclick="agregar_departamento('<%= bandeja.getId() %>')">
<input type="button" name="cmd_list_departamento" id="cmd_list_departamento" value="Actualizar" onclick="lista_departamentos('<%= bandeja.getId() %>')">
</td>
</tr>
</table>
</form>
</div>
<div id="info_departamento"></div>
<div id="lista_departamentos" style="width: 50%">
<% if (listaDepartamentoAsignados.size() > 0)  { %>
<table>
	<tr>
		<th>Codigo</th>
		<th>Descripcion</th>
		<th>Accion</th>
	</tr>
	<% for (BandejaDepartamento bd : listaDepartamentoAsignados ) { %>
	<tr>
		<td><%= bd.getDepartamento() %></td>
		<td><%= bd.getNombreDepartamento() %></td>
		<td><a href="javascript:remove_departamento('<%= bd.getId() %>')">Eliminar</a></td>
	</tr>
	
	<% } %>
	<tr>
		<td colspan="3">Total registros: <%= listaDepartamentoAsignados.size()  %> </td>
	</tr>
</table>
<% } else { %>
<strong>No hay departamentos asignados a la bandeja</strong>
<% } %>
</div>

<div id="div_usuarios" style="width:50%">
<h2>Usuarios asignados</h2>
<form name="form3">
<table>
<tr>
	<th>Asignar Usuario</th>
</tr>
<tr>
<td>
Agregar Usuario: 
<select name="usuario" id="usuario">
	<% for (Usuario user : listaUsuarios) { %>
		<option value="<%= user.getCodigo() %>"><%= user.getCodigo()%></option>
	<% } %>
</select>
<input type="button" name="cmd_add_usuario" id="cmd_add_usuario" value="Agregar" onclick="agregar_usuario('<%= bandeja.getId() %>')">
<input type="button" name="cmd_list_usuario" id="cmd_list_usuario" value="Actualizar" onclick="lista_usuarios('<%= bandeja.getId() %>')">
</td>
</tr>
</table>
</form>
</div>
<div id="info_usuario"></div>
<div id="lista_usuarios" style="width:50%">
<% if (listaUsuariosAsignados.size()> 0) { %>
<table>
	<tr>
		<th>Usuario</th>
		<th>Accion</th>
	</tr>
<% for (BandejaUsuario bu : listaUsuariosAsignados)  {%>	
	<tr>
		<td><%= bu.getUsuario() %></td>
		<td><a href="javascript:remove_usuario('<%= bu.getId() %>')" >Eliminar</a></td>
	</tr>
<% } %>
<tr>
	<td colspan="2">Total registros: <%= listaUsuariosAsignados.size() %></td>
</tr>
</table>


<% }else { %>
<strong>No hay usuarios asignados a la bandeja</strong>
<% } %>
</div>
</div>
<%@include file="foot.jsp"%>
</body>
</html>
<%
	conexion.Close();
%>